<template>
  <div class="advanced-config">
    <el-tabs v-model="activeName" @tab-click="handleClick">
      <el-tab-pane label="字典配置" name="dicConfig">
        字典配置
      </el-tab-pane>
      <el-tab-pane label="登录配置" name="accountConfig">
        登录配置
      </el-tab-pane>
      <el-tab-pane label="通话配置" name="callConfig">
        <transition name="fade">
          <router-view name="callConfig"></router-view>
        </transition>
      </el-tab-pane>
      <el-tab-pane label="弹屏对接" name="interfaceConfig">
        弹屏对接
      </el-tab-pane>
      <el-tab-pane label="问卷调查配置" name="questionnaireConfig">
        问卷调查配置
      </el-tab-pane>
      <el-tab-pane label="问卷导入" name="questionnaireImportConfig">
        问卷导入
      </el-tab-pane>
      <el-tab-pane label="质检设置" name="qualityCheckConfig">
        质检设置
      </el-tab-pane>
      <el-tab-pane label="批量导出录音任务" name="callSheetExportMonitorTaskConfig">
        批量导出录音任务
      </el-tab-pane>
      <el-tab-pane label="座席状态日志" name="monitorAgentRecordConfig">
        座席状态日志
      </el-tab-pane>
      <el-tab-pane label="挂机短信" name="callSheetMessageTemplateConfig">
        挂机短信
      </el-tab-pane>
      <el-tab-pane label="通话事件" name="interfaceAddCallEventConfig">
        通话事件
      </el-tab-pane>
      <el-tab-pane label="配置通话标签" name="callLabelMainConfig">
        配置通话标签
      </el-tab-pane>
    </el-tabs>
  </div>
</template>
<script>
  export default {
    name: 'advancedConfig',
    data () {
      return {
        activeName: 'callConfig'
      }
    },
    components: {
    },
    methods: {
    },
    beforeMount () {
      this.$router.push({name: 'callConfig'})
    }
  }
</script>
<style lang="stylus" scoped>
  @import "../../../../assets/common.styl"
</style>
